﻿<html>
<head>
<title>CSS3 Border Left Style Test</title>

<style type="text/css">
body {border-left-style: groove; border-width: 50px;}
p {border-left-style: dashed; 
  }
h3 {border-left-style: none;}
h4 {border-left-style: double;}
em {border-left-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Left Style Test</h1>





<ul>
<li >
For "border-left-style", possible values are "border-style" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a dashed
border left style.
The rule applied is "p {border-left-style: dashed;}".
</p>
<h3>
The border-left-style of this h3 heading should be none.  
The rule applied is "h3 {border-left-style: none;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>
<h4>
The border-left-style of this h4 heading should be double.
The rule applied is "h4 {border-left-style: double;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border left style of solid.
The rule applied is "em {border-left-style: solid;}".  This is some
more text to test this item properly.  Here is even more text to make
sure that this item is tested properly in this instance.  The border-left-style
property does apply to this element. 
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have dashed border left style.  The body's border left style of groove should display,
since the rule "body {border-left-style: groove;}" applies.   The rule "body {border-width: 50px;}"
is applied, to show the groove more effectively.
</p>

</body>
</html>
